<!DOCTYPE html>

<html>
<head>
	<link rel="stylesheet" href="../themes/nokia/base.css" type="text/css" media="screen">

	<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../lib/jquery/jquery.scrollTo.js" type="text/javascript" charset="utf-8"></script>

	<script src="../src/core.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/util.js" type="text/javascript" charset="utf-8"></script>
	<script src="../src/widget.js" type="text/javascript" charset="utf-8"></script>

	<style type="text/css" media="screen">
		body {
			font-size: 14px;
			font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
		}

		#test {
			background: red;
			width: 100px;
			height: 100px;
			position: absolute;
			top: 100px;
			left: 100px;
		}
	</style>
</head>

<body>

<br/><br/><div id="switcher"></div><br/><br/>

<h1>Base File</h1>


<div id="test"></div>

<button onclick="Nokia.util.fadeIn('#test');">fadeIn</button>
<button onclick="Nokia.util.fadeOut('#test');">fadeOut</button>

<script type="text/javascript" charset="utf-8">

	jQuery(document).ready(function() {



	});

</script>

</body>
</html>